<template>
<!-- 立即注册 -->
    <div class="trans-reg content">
			<div class="terrace_tips">
				<h1 class="reg_title color-gold">注册星空交易全球站账号 开启数字货币之旅</h1>
			</div>
      <div class="reg_tips">
        <p>提供币币、法币等全面数字资产业务</p>
      </div>
      <div class="reg_input">
        <input type="text" placeholder="输入你的邮箱或手机号">
        <button class="btn-block btn-large btn-active " @click="navigateTo('/user/login')">注册</button>
      </div>
    </div>
</template>
<script>
import newsModel from "@/model/newsModel.js";
let { newsList } = newsModel;
export default {
  name: "app-down",
  data() {
    return {
			TrandNumItem: null,
			bottomData:[]
    };
  },
  mounted() {
    
  },
  methods: {
    // getgasforday 根据主板获取主币种的成交额
    getgasforday(){
      this.request(this.api.getgasforday,{area:1}).then(res => {
        console.log(`最下面:${JSON.stringify(res)}`);
        this.bottomData=res.data;
      });
    },
  }
};
</script>
<style lang="scss" scoped>
.trans-reg{padding: 70px 0;}
.terrace_tips{
  text-align: center;
  p{color:#a8a8a8;height: 50px;line-height: 50px;margin-top: 0px;padding: 0 15px;}
  .reg_title{
    color: #232a4a;
    font-size: 30px;
    line-height: 1;
  }
}
.condata_box{
	color: #ffffff;
  text-align: center;
  display: flex;
  border-top: 1px solid #cad7e0;
  background: #fff;
	h3{font-size: 24px;line-height: 45px;}
	p{background: rgba(223,198,159,0.2);height: 30px;line-height: 30px;}
}
.mt50{margin-top: 50px;}
.reg_tips{
  p{color: #787878;line-height: 80px;text-align: center;font-size: 18px;}
}
.reg_input{
  display: flex;justify-content:center;
  input{
    width: 480px;
    height: 48px;
    font-size: 16px;
    color: #000;
    border: 1px solid #bdced9;
    border-radius: 2px;
    padding-left: 16px;
  }
  button{width: 120px;background: #357ce1;color: #ffffff;display: block;height: 48px;margin-left: 15px;}
}
</style>